﻿/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:14px;font-family:Arial, Helvetica, sans-serif;  text-align:center; margin:0 auto;color:#666;font-family:"微软雅黑"; background:url(../images/bodyline.gif) repeat-x left top;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#666;text-decoration:none;outline:none;}
a:hover{color:#cc322c;}

img{ display:block;}
.fl{float: left; _display: inline;}
.fr{float:right; _display: inline;}
.l{ width:100%; float:left;}
.cf{ clear:both;}
.tl{ text-align:left;}
.tc{text-align: center;}
.tr{ text-align:right;}
.wl{width: 100%; float: left;}
.btn{ display:inline-block;}
.oh{ overflow:hidden;}
.none{display: none;}
.red{ color:#e24d46;}
.btn{ display:inline-block; cursor:pointer; border:none;}
.pr{ position:relative;}
.pa{ position:absolute;}
.fx{ position:fixed;}
em{ font-style:normal;}
strong{ font-weight:normal;}
.cur{ cursor:pointer;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.blue{color: #06c;}
.w1024{width: 1024px; text-align: left;margin: 0 auto;overflow: hidden;}
.mr10{margin-right:2px;}

input:focus{outline: none;}
.wrap{ width:1024px; text-align:left; margin:0 auto;}
/*头部*/
.phd{height:100px; padding-top:12px;}
.logo{ display:block; background:url(../images/logo.jpg) no-repeat; width:257px; height:95px; text-indent:-999em; margin-left:2px;}
.box-hd{width: 725px;}
.lang{ width:98px;color: #333;line-height: 22px; height:22px; border:1px solid #e4e4e4; background:#f7f7f7; font-size:12px;margin-bottom: 7px;}
.arrdown{ display:block; background:url(../images/arrdown.gif) no-repeat; width:7px; height:4px; position:absolute; right:7px; top:9px;}
.langdrop{top: 23px;border:1px solid #e4e4e4;width: 97px;border-top:none; padding-top: 5px; display: none; background: #fff;z-index: 201;}
.langdrop li{cursor: pointer; margin-bottom: 5px;}
span.en{ display: block;  padding-left: 28px;background:url(../images/en.gif) no-repeat 6px 5px;}
span.ch{ display: block;  padding-left: 28px;background:url(../images/ch.gif) no-repeat 6px 5px;}
.nav{ height:69px; width:724px;border-right:1px solid #e8e8e8;}
.nav li{ float:left; color:#fff; padding:22px 24px 0; height: 47px; border-left:1px solid #e8e8e8; position:relative;}
.nav li.home{ margin-left:30px;}
.nav-en li{ padding: 18px 20px 0 26px;line-height: 20px; height: 51px;}
.nav-en li.home{ padding-top: 27px;height: 42px;}
.nav li .topa{ color:#005596; text-align:center; display:block; font-size:16px;height: 36px;}
.nav-en li .topa{ text-align: right;font-size:14px;}
.nav li .topadrop{background:url(../images/arrblack.gif) no-repeat center bottom;font-size:16px;}
.nav li .topa:hover,.nav li .topa.on{ color:#7ac043;}
.nav li .topa b{ display:none;}
.nav li .topa:hover strong{ display:none;}
.nav li .topa:hover b{ display:block;}

.downnav{ display:none;width:162px;position: absolute;background:#005596;left: 0px;top:69px;z-index:99;}
.downnavlast{left: -44px;}
.downnav a{ display: block;height: 34px;line-height: 34px; padding-left: 28px; color: #fff; border-bottom: 1px solid #003f6c;font-size: 14px;}
.downnav a:hover{color:#7ac043;}

.index_focus{width: 100%;height: 505px;margin-bottom: 28px;}
.index_focus li{ position:relative;}
.index_focus li .txt{ height:50px; line-height:50px; padding:0 28px; background:#7ac043; color:#fff; position:absolute; opacity:.8;left:0; top:400px; font-size:24px;}
.index_focus li img{width: 100%;height: 505px;}
.prev{display: block; background:url(../images/prev.gif) no-repeat; width:28px; height:28px;bottom: 16px;right: 29px;}
.next{display: block; background:url(../images/next.gif) no-repeat; width:28px; height:28px;bottom: 16px;right: 0;}
.slide_nav{width: 130px;height: 28px;background:#000; text-align: center;bottom: 15px;line-height: 23px;padding:0 16px;opacity:.8;}
.slide_nav a{display:inline-block;width: 8px;height: 8px; background: #fff;margin:0 3px;}
.slide_nav a.on{background: #89b142;}

.area01-intro{height: 249px;}
.top-intro{background:url(../images/line.gif) repeat-x left center;margin-bottom: 20px;}
.top-intro b{display:inline-block; padding: 0 30px; background: #fff; font-size: 24px; color: #005596;text-shadow:0 2px 2px rgba(102,102,102,.6);}
.top-intro img{margin-left:190px;}
.part01-intro{width: 254px;margin-left: 24px;}
.part01-intro h6{color: #7ac043; font-size:20px;margin-bottom: 10px;font-weight:800;}
.part02-intro{width: 282px;margin-left: 89px;}
.part03-intro{width: 270px;margin-left: 56px;}
.part01-intro p{line-height: 24px; color: #333;}

.area01-tel{height: 142px;}
.part01-tel{background: #7ac043;width: 497px;height: 114px;background: #7ac043;border-right: 15px solid #fff;}
.part01-tel img{margin: 24px 0 0 43px;}
.part01-tel .grp{width:236px;margin: 20px 0 0 28px;font-size: 24px;text-shadow:0 1px 1px rgba(76,76,76,.7);}
.part01-tel .grp h6{ font-size: 28px; color: #fff; padding-bottom: 6px;}
.part01-tel .grp p{ color: #005596; font-size:28px;text-shadow:0 1px 1px rgba(76,76,76,.7);line-height:22px;}
.part01-tel-last{border-right: none;}
.area01-pets{padding-bottom: 30px;}
.mid-pets li{float: left;margin-left: 40px;margin-right: 55px; cursor: pointer;}
.mid-pets li .more{display: none;}
.mid-pets li:hover .more{display: block;}
.mid-pets li:hover .petimg{display: none;}
/*脚部*/
.pfd{height: 142px; background: #005596;padding-top: 20px;}
.ewm{margin-left: 44px;}
.part01-ft{padding-top: 27px; padding-left: 32px; color: #fff;}
.part01-ft p{padding-bottom: 12px;}
.part01-ft p a{color: #fff;}
/*列表*/
.logo-en{background:url(../images/logo-en.png) no-repeat; }
.area01-pets {padding-top: 24px;}
.side-pets{width: 200px; overflow: hidden; background: #005596;padding: 24px 0 44px 22px; color: #fff; }
.side-pets h6{font-size: 20px; color: #fff; line-height: 28px;margin-bottom: 15px;}
.content-pets{width:770px; overflow: hidden;min-height:570px;}
.location{height: 50px;background: #7ac043;line-height: 50px;}
.location b{ padding-left: 27px; font-size: 20px; color: #fff;font-weight:400;}
.txtbox p{margin-bottom: 30px;line-height: 22px;}
.snav{width: 173px;}
.snav li{line-height: 32px; border-bottom: 1px solid #2e74a9;}
.snav .on{color:#7ac043;}
.snav li a{padding-left: 20px;background:url(../images/arrleft.png) no-repeat 0 12px; font-size: 13px; display: block; color: #fff;}
.snav li a:hover{color: #73ba48;}

.grn{color:#7ac043;}

.graybox{
    background: #7ac043 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    height: 115px;
    line-height: 30px;
    padding: 25px 25px;
    width: 430px;
	float:left;
	}
	
.map{
float:right;
background:url(../images/map.jpg) no-repeat;
width:290px;
height:165px;
position:relative;
}
.map2{
float:right;
background:url(../images/map2.jpg) no-repeat;
width:290px;
height:165px;
position:relative;
}
.map3{
float:right;
background:url(../images/hpmap.jpg) no-repeat;
width:290px;
height:200px;
position:relative;
}
.map-zoom{
  background-color: #fff;
    border-radius: 10px;
    bottom: 6px;
    height: 16px;
    position: absolute;
    right: 3px;
    width: 20px;
	padding:8px 10px;
}
.map-zoom .icon {
}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1000px; height:370px; margin:20px auto; background:#005596; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;width:730px; padding:15px 20px;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}
#playBox .smalltitle {width:770px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#7ac043;}

#playBox .oUlplay li img{float:left;margin-top:10px;}
.cont{float:left;margin-left:20px;width:400px;color:#fff;}
.cont span{display:block;}
.cont p{font-size:12px;margin-top:10px;}
#playBox .oUlplay li h3{color:#fff;font-size:20px;font-weight:400;text-indent:8px;height:38px;}
